<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta name="site" content="" />
    <title>Novem</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <script type="module" src="src/main.js"></script>
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, viewport-fit=cover"
    />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="manifest" href="/assets/manifest.json" />
    <link
      rel="icon"
      type="image/png"
      sizes="192x192"
      href="/assets/app-icons/icon-192x192.png"
    />
    <link
      rel="apple-touch-icon"
      type="image/png"
      sizes="180x180"
      href="/assets/app-icons/icon-180x180.png"
    />
  </head>
  <body class="stretched">
    <main id="wrapper">
      <div id="top-bar">
        <div class="container">
          <div class="row justify-content-between">
            <div class="col-auto">
              <div class="top-links">
                <a
                  href="http://www.zcu.edu.cn"
                  target="_blank"
                  rel="noopener noreferrer"
                  >学生</a
                >
                <a
                  href="http://www.zcu.edu.cn"
                  target="_blank"
                  rel="noopener noreferrer"
                  >教职工</a
                >
              </div>
            </div>
            <div class="col-auto topbar-tools"></div>
          </div>
        </div>
      </div>

      <header id="header" data-mobile-sticky="true">
        <div id="header-wrap">
          <div class="container">
            <div class="header-row">
              <div id="logo">
                <a href="#" title="#" target="_blank" rel="noopener noreferrer">
                  <img src="/assets/images/logo.png" alt="#" />
                </a>
              </div>
              <div class="primary-menu-trigger">
                <button class="nvm-hamburger" type="button" title="移动端导航">
                  <span class="nvm-hamburger-box">
                    <span class="nvm-hamburger-inner"></span>
                  </span>
                </button>
              </div>
              <nav class="primary-menu mobile-menu-overlay">
                <ul class="menu-container">
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#1" rel="noopener noreferrer">首页</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#2" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                    <ul class="sub-menu-container">
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link">
                          <a href="#21">测试二级菜单长度</a>
                        </div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                    </ul>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#3" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#4" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#5" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#6" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#7" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#8" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#9" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#10" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#11" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                </ul>
              </nav>
            </div>
          </div>
        </div>
      </header>

      <section class="ratio ratio-4x1">
        <img
          src="/assets/images/page/major/banner.jpg"
          alt="郑州城市职业学院"
          class="object-fit-cover w-100 h-100"
        />
      </section>

      <section id="content">
        <div class="content-wrap">
          <div class="container">
            <div class="row mb-3 mb-xl-5">
              <div class="col-12">
                <div class="major-search bg-white border rounded mx-auto">
                  <div class="d-flex flex-column flex-md-row g-3 p-1">
                    <div class="position-relative w-100">
                      <i
                        class="novem-icons nvm-icon-search position-absolute text-black-50 top-50 start-0 translate-middle-y fs-xl"
                      ></i>
                      <input
                        type="search"
                        class="form-control form-control-lg border-0 rounded-0 ps-4 pe-2 major-search-input"
                        placeholder="搜索"
                        required=""
                      />
                    </div>
                    <button
                      type="submit"
                      class="major-search-btn btn btn-primary disabled"
                    >
                      查找专业
                    </button>
                  </div>
                </div>
                <div
                  class="major-search-result list-group list-group-flush bg-white rounded mx-auto box-shadow"
                ></div>
              </div>
            </div>
            <div
              class="row row-cols-1 row-cols-lg-2 g-3 mb-5"
              data-animate="animate__slideInUp"
            >
              <div class="col">
                <a
                  class="major-item rounded bg-light link-hover-warning d-flex align-items-stretched p-3"
                  href="#"
                  target="_blank"
                >
                  <div
                    class="thumb flex-shrink-0 overflow-hidden position-relative"
                  >
                    <img
                      src="/assets/images/page/major/1.jpg"
                      alt=""
                      class="rounded object-fit-cover w-100 h-100 position-absolute"
                    />
                  </div>

                  <div class="d-flex flex-column justify-content-between ms-3">
                    <div
                      class="d-flex justify-content-between align-items-start mb-3"
                    >
                      <span class="badge text-bg-info-subtle">高就业率</span>
                      <span class="small text-dark-50"
                        >查看详情
                        <i class="novem-icons nvm-icon-arrow-right"></i
                      ></span>
                    </div>

                    <div class="d-flex flex-column">
                      <h5>材料工程技术</h5>
                      <p class="mb-0">
                        全国唯一高职院校开设耐材专业，国家级教授教学
                      </p>
                      <p class="desc fs-sm line line-3 mb-0">
                        郑州城市职业学院材料工程技术专业，是目前全国唯一高职院校开设耐材专业。已引起全国耐火材料企业的高度关注，全国著名耐材企业北京利尔高温材料股份有限公司和江苏晶鑫新材料股份有限公司，在学校设立耐火材料专业奖学金；专业以学生专业对口就业为理念，致力于为耐火材料行业培养中高级职业应用型人才。
                      </p>
                    </div>
                  </div>
                </a>
              </div>
              <div class="col">
                <a
                  class="major-item rounded bg-light link-hover-warning d-flex align-items-stretched p-3"
                  href="#"
                  target="_blank"
                >
                  <div
                    class="thumb flex-shrink-0 overflow-hidden position-relative"
                  >
                    <img
                      src="/assets/images/page/major/1.jpg"
                      alt=""
                      class="rounded object-fit-cover w-100 h-100 position-absolute"
                    />
                  </div>

                  <div class="d-flex flex-column justify-content-between ms-3">
                    <div
                      class="d-flex justify-content-between align-items-start mb-3"
                    >
                      <span class="badge text-bg-info-subtle">高就业率</span>
                      <span class="small text-dark-50"
                        >查看详情
                        <i class="novem-icons nvm-icon-arrow-right"></i
                      ></span>
                    </div>

                    <div class="d-flex flex-column">
                      <h5>材料工程技术</h5>
                      <p class="mb-0">
                        全国唯一高职院校开设耐材专业，国家级教授教学
                      </p>
                      <p class="desc fs-sm line line-3 mb-0">
                        郑州城市职业学院材料工程技术专业，是目前全国唯一高职院校开设耐材专业。已引起全国耐火材料企业的高度关注，全国著名耐材企业北京利尔高温材料股份有限公司和江苏晶鑫新材料股份有限公司，在学校设立耐火材料专业奖学金；专业以学生专业对口就业为理念，致力于为耐火材料行业培养中高级职业应用型人才。
                      </p>
                    </div>
                  </div>
                </a>
              </div>
              <div class="col">
                <a
                  class="major-item rounded bg-light link-hover-warning d-flex align-items-stretched p-3"
                  href="#"
                  target="_blank"
                >
                  <div
                    class="thumb flex-shrink-0 overflow-hidden position-relative"
                  >
                    <img
                      src="/assets/images/page/major/1.jpg"
                      alt=""
                      class="rounded object-fit-cover w-100 h-100 position-absolute"
                    />
                  </div>

                  <div class="d-flex flex-column justify-content-between ms-3">
                    <div
                      class="d-flex justify-content-between align-items-start mb-3"
                    >
                      <span class="badge text-bg-info-subtle">高就业率</span>
                      <span class="small text-dark-50"
                        >查看详情
                        <i class="novem-icons nvm-icon-arrow-right"></i
                      ></span>
                    </div>

                    <div class="d-flex flex-column">
                      <h5>数字媒体技术（三维动画设计）</h5>
                      <p class="mb-0">
                        全国唯一高职院校开设耐材专业，国家级教授教学
                      </p>
                      <p class="desc fs-sm line line-3 mb-0">
                        郑州城市职业学院材料工程技术专业，是目前全国唯一高职院校开设耐材专业。已引起全国耐火材料企业的高度关注，全国著名耐材企业北京利尔高温材料股份有限公司和江苏晶鑫新材料股份有限公司，在学校设立耐火材料专业奖学金；专业以学生专业对口就业为理念，致力于为耐火材料行业培养中高级职业应用型人才。
                      </p>
                    </div>
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div>
      </section>

      <footer class="section" id="footer">
        <div class="container">
          <div class="row align-items-md-end align-items-lg-center">
            <div
              class="col-12 col-md-5 col-lg-4 col-xl-5 text-center text-md-start"
              data-animate="animate__slideInLeft"
            >
              <img
                src="/assets/images/logo-dark.png"
                alt="郑州城市职业学院"
                class="logo"
              />
              <div class="m-3 mt-mb-4 mb-md-0">
                中国 · 河南 · 郑州<br />
                <i class="novem-icons nvm-icon-phone"></i> 0371-69213333<br />
                <i class="novem-icons nvm-icon-phone"></i>
                0371-68506666（招生咨询）
              </div>
            </div>

            <div
              class="d-none d-lg-block col-lg-3"
              data-animate="animate__fadeInUp"
            >
              <div class="row">
                <div class="col">
                  <h6>常用链接</h6>
                  <ul>
                    <li><a href="#">教育部</a></li>
                    <li><a href="#">河南省教育厅</a></li>
                    <li><a href="#">知网</a></li>
                    <li><a href="#">图书馆</a></li>
                    <li><a href="#">继续教育学院</a></li>
                  </ul>
                </div>
                <div class="col">
                  <h6>常用功能</h6>
                  <ul>
                    <li><a href="#">教务系统</a></li>
                    <li><a href="#">OA系统</a></li>
                    <li><a href="#">企业邮箱</a></li>
                    <li><a href="#">校历</a></li>
                    <li><a href="#">学校标识</a></li>
                  </ul>
                </div>
              </div>
            </div>

            <div
              class="col-12 col-md-7 col-lg-5 col-xl-4 text-center"
              data-animate="animate__slideInRight"
            >
              <div class="row gx-1">
                <div class="col">
                  <img
                    src="/assets/images/social/weixin.jpg"
                    alt="官方微信公众号"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzA5OTg2OTE1Ng==&amp;action=getalbum&amp;album_id=2393721616590782469&amp;scene=126#wechat_redirect"
                    target="_blank"
                    title="官方微信公众号"
                    rel="noopener"
                    >官方微信公众号</a
                  >
                </div>
                <div class="col">
                  <img
                    src="/assets/images/social/weibo.jpg"
                    alt="官方微博"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://weibo.com/u/7674037481"
                    target="_blank"
                    title="官方微博"
                    rel="noopener"
                  >
                    官方微博
                  </a>
                </div>
                <div class="col">
                  <img
                    src="/assets/images/social/douyin.jpg"
                    alt="官方抖音"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://www.douyin.com/user/MS4wLjABAAAA-mZeYz7hw538fARR5-TR4kWrgXUvTimwVBNRwuS56dFTdjo5f9umgGEbrcdeXxud"
                    target="_blank"
                    title="官方抖音"
                    rel="noopener"
                    >官方抖音</a
                  >
                </div>
                <div class="col">
                  <img
                    src="/assets/images/jubao.jpg"
                    class="img-fluid"
                    alt="廉洁举报中心"
                  />
                  <br />
                  <a
                    href="http://szxingaojiao.com/Z_WX/15_Report/ReportMain.aspx?schoolName=郑州城市职业学院"
                    title="廉洁举报中心"
                    rel="noopener"
                    >廉洁举报中心</a
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="copyrights" data-animate="animate__fadeInUp">
          <div class="container border-top opacity-50">
            <div class="row">
              <div class="col text-md-center">
                <div class="copyright-links">
                  版权所有 © 2023 郑州城市职业学院
                  <a
                    href="https://beian.miit.gov.cn/"
                    target="_blank"
                    rel="noopener"
                  >
                    豫ICP备12014925号-1
                  </a>
                  /
                  <a
                    href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41018302000187"
                    target="_blank"
                    rel="noopener"
                  >
                    豫公网安备 41018302000187号
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </footer>
    </main>

    <!-- Scroll top -->
    <div class="btn-scroll-top" id="gotoTop" data-mobile="true">
      <svg class="progress-square w-100 h-100" viewBox="0 0 40 40">
        <path
          d="M8 1H32C35.866 1 39 4.13401 39 8V32C39 35.866 35.866 39 32 39H8C4.13401 39 1 35.866 1 32V8C1 4.13401 4.13401 1 8 1Z"
        ></path>
      </svg>
    </div>
    <script>
      var nvmOptions = {
        jsFolder: "/assets/js/",
        cssFolder: "/assets/css/",
        bdhmID: "186aa1bb1368d7e0c66d1ea6e3f590ad",
      };
    </script>
    <script src="/assets/js/theme.js"></script>
    <script>
      document.addEventListener("DOMContentLoaded", function () {
        const Majors = [
          {
            name: "高速铁路客运服务专业",
            url: "https://www.zcu.edu.cn/info/1281/12271.htm",
          },
          {
            name: "建筑装饰工程技术专业",
            url: "https://www.zcu.edu.cn/info/1281/12411.htm",
          },
          {
            name: "计算机应用技术专业",
            url: "https://www.zcu.edu.cn/info/1281/12281.htm",
          },
          {
            name: "电子商务专业",
            url: "https://www.zcu.edu.cn/info/1281/12601.htm",
          },
          {
            name: "新能源汽车技术专业",
            url: "https://www.zcu.edu.cn/info/1281/12611.htm",
          },
          {
            name: "数字媒体技术专业",
            url: "https://www.zcu.edu.cn/info/1281/12301.htm",
          },
          {
            name: "大数据与会计专业",
            url: "https://www.zcu.edu.cn/info/1281/12631.htm",
          },
          {
            name: "大数据技术专业",
            url: "https://www.zcu.edu.cn/info/1281/12471.htm",
          },
          {
            name: "建筑工程技术专业",
            url: "https://www.zcu.edu.cn/info/1281/12291.htm",
          },
          {
            name: "艺术设计专业",
            url: "https://www.zcu.edu.cn/info/1281/12311.htm",
          },
          {
            name: "机电一体化技术专业",
            url: "https://www.zcu.edu.cn/info/1281/12621.htm",
          },
          {
            name: "影视多媒体技术专业",
            url: "https://www.zcu.edu.cn/info/1281/12401.htm",
          },
          {
            name: "电子商务专业（新媒体营销）",
            url: "https://www.zcu.edu.cn/info/1281/12511.htm",
          },
          {
            name: "环境艺术设计专业",
            url: "https://www.zcu.edu.cn/info/1281/12391.htm",
          },
          {
            name: "早期教育专业（师范）",
            url: "https://www.zcu.edu.cn/info/1281/12591.htm",
          },
          {
            name: "机械设计与制造专业",
            url: "https://www.zcu.edu.cn/info/1281/12651.htm",
          },
          {
            name: "学前教育专业",
            url: "https://www.zcu.edu.cn/info/1281/12481.htm",
          },
          {
            name: "旅游管理专业",
            url: "https://www.zcu.edu.cn/info/1281/12581.htm",
          },
          {
            name: "现代物流管理专业",
            url: "https://www.zcu.edu.cn/info/1281/12681.htm",
          },
          {
            name: "复合材料智能制造技术专业",
            url: "https://www.zcu.edu.cn/info/1281/17371.htm",
          },
          {
            name: "电气自动化技术专业",
            url: "https://www.zcu.edu.cn/info/1281/12431.htm",
          },
          {
            name: "汽车制造与试验技术专业",
            url: "https://www.zcu.edu.cn/info/1281/12661.htm",
          },
          {
            name: "工商企业管理专业",
            url: "https://www.zcu.edu.cn/info/1281/12671.htm",
          },
          {
            name: "空中乘务专业",
            url: "https://www.zcu.edu.cn/info/1281/12341.htm",
          },
          {
            name: "金融服务与管理专业",
            url: "https://www.zcu.edu.cn/info/1281/12641.htm",
          },
          {
            name: "道路与桥梁工程技术专业",
            url: "https://www.zcu.edu.cn/info/1281/12371.htm",
          },
          {
            name: "酒店管理与数字化运营专业",
            url: "https://www.zcu.edu.cn/info/1281/12571.htm",
          },
          {
            name: "工业机器人技术专业",
            url: "https://www.zcu.edu.cn/info/1281/12451.htm",
          },
          {
            name: "机械制造及自动化专业",
            url: "https://www.zcu.edu.cn/info/1281/12561.htm",
          },
          {
            name: "工程造价专业",
            url: "https://www.zcu.edu.cn/info/1281/12331.htm",
          },
          {
            name: "应用英语专业",
            url: "https://www.zcu.edu.cn/info/1281/12531.htm",
          },
          {
            name: "软件技术专业",
            url: "https://www.zcu.edu.cn/info/1281/12321.htm",
          },
          {
            name: "数字媒体技术专业（三维动画设计）",
            url: "https://www.zcu.edu.cn/info/1281/12421.htm",
          },
          {
            name: "新型建筑材料技术专业",
            url: "https://www.zcu.edu.cn/info/1281/12501.htm",
          },
          {
            name: "人工智能技术应用专业",
            url: "https://www.zcu.edu.cn/info/1281/12521.htm",
          },
          {
            name: "视觉传达设计专业",
            url: "https://www.zcu.edu.cn/info/1281/12351.htm",
          },
          {
            name: "材料工程技术专业",
            url: "https://www.zcu.edu.cn/info/1281/12441.htm",
          },
          {
            name: "市场营销专业",
            url: "https://www.zcu.edu.cn/info/1281/12551.htm",
          },
          {
            name: "动漫制作技术专业",
            url: "https://www.zcu.edu.cn/info/1281/12361.htm",
          },
          {
            name: "汽车检测与维修技术专业",
            url: "https://www.zcu.edu.cn/info/1281/12541.htm",
          },
          {
            name: "音乐表演专业",
            url: "https://www.zcu.edu.cn/info/1281/12491.htm",
          },
        ];

        // 专业搜索 参考https://www.nottingham.edu.cn/cn/index.aspx
        // 待优化专业名称模糊搜索 https://github.com/krisk/fuse
        // 数据源https://www.zcu.edu.cn/s?ac=w传值keyword
        const majorSearch = document.querySelector(".major-search");
        const majorsearchKey = document.querySelector(".major-search-input");
        const majorsearchBtn = document.querySelector(".major-search-btn");
        const majorsearchResult = document.querySelector(
          ".major-search-result"
        );
        let majorsearchKW = "";
        const majorsearchResultToggle = () => {
          let majorSearchResult = (majorsearchResult.innerHTML = "");
          for (const Major of Majors) {
            if (Major.name.indexOf(majorsearchKW) !== -1) {
              majorSearchResult +=
                "<a class='list-group-item link-hover-warning' href='" +
                Major.url +
                "' target='_blank' title='" +
                Major.name +
                "'>" +
                "<div class='d-flex w-100 justify-content-between'><div>" +
                Major.name +
                "</div><div><i class='novem-icons nvm-icon-arrow-right'></i></div></div>" +
                "</a>";
            }
          }
          if (majorSearchResult) {
            majorsearchResult.innerHTML = majorSearchResult;
          } else {
            majorsearchResult.innerHTML =
              "<div class='list-group-item'>未找到您要搜索的内容</div>";
          }
          majorsearchResult.classList.add("d-block");
        };
        const majorsearchToggle = () => {
          majorsearchKW.trim() === ""
            ? majorsearchBtn.classList.add("disabled")
            : majorsearchBtn.classList.remove("disabled");
          majorsearchKW.trim() === ""
            ? majorsearchResult.classList.remove("d-block")
            : majorsearchResultToggle();
        };

        majorsearchKey.oninput = (e) => {
          majorsearchKW = e.target.value;
          majorsearchToggle();
        };

        const majorstartSearch = (e) => {
          var url = "/aop_views/search/modules/resultpc/soso.html";
          var query = {
            owner: "2049849536",
            token: "tourist",
            // aop_web || aop_component
            urlPrefix: "/aop_web/",
            lang: "i18n_zh_CN",
          };

          if (e) {
            query["keyWord"] = e;
            // if (__core.getOptions.search.encode) {
            var query = window.btoa(
              unescape(encodeURIComponent(JSON.stringify(query)))
            );
            // }
            window.open(url + "?query=" + query);
          } else {
            alert("请填写搜索内容");
          }
        };

        majorsearchKey.onkeyup = (e) => {
          if (e.key === "Enter") {
            if (majorsearchKW === "") {
              return;
            } else {
              majorstartSearch(majorsearchKW);
            }
          }
        };

        majorsearchBtn.onclick = () => {
          if (!majorsearchBtn.classList.contains("disabled")) {
            majorstartSearch(majorsearchKW);
          }
        };
      });
    </script>
  </body>
</html>
